<%@ page import="java.util.Random" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>选择学生</title>
    <link rel="stylesheet" href="<%=path%>/css/bootstrap.min.css">
    <!--external css-->
    <link href="<%=path%>/css/font-awesome.css" rel="stylesheet"/>
    <style>
        .section {
            display: table;
            width: 100%;
            table-layout: fixed;
        }

        .col {
            display: table-cell;
            /*width: 50%;*/
            vertical-align: top;
        }

        .col+.col {
            border-top: 0;
            text-align: right;
        }
    </style>
</head>
<body>
<div style=" padding: 10px 10px;">
    <div class="section" style="padding: 7px 0px;">
        <div class="col">
            候选人员
        </div>
        <div class="col"></div>
        <div class="col">
            已选人员
        </div>
    </div>
    <div class="section">
        <div class="col">
            <select id="userlist" size="13" multiple="multiple" style="width: 100%; height: 350px;"></select>
        </div>
        <div class="col" style="width: 83px; vertical-align: middle;text-align: center;line-height: 40px;">
            <button type="button" class="btn btn-default" onclick="add()">添加＞＞</button>
            <button type="button" class="btn btn-default" onclick="del()">＜＜删除</button>
        </div>
        <div class="col">
            <select id="userlisttrue" size="13" multiple="multiple" style="width: 100%; height: 350px;"></select>
        </div>
    </div>
    <div class="section" style="padding-top: 10px;">
        <div class="col" style="text-align: center;">
            <button type="button" class="btn btn-default" id="btnenter"><i class="glyphicon glyphicon-floppy-disk"></i>确定</button>
            <button type="button" class="btn btn-default" id="btncancel"><i class="glyphicon glyphicon-remove"></i>取消</button>
        </div>
    </div>
</div>
</body>
<script src="<%=path%>/js/jquery-1.8.3.min.js"></script>
<script src="<%=path%>/js/layer/layer.js"></script>
<script src="<%=path%>/js/bootstrap.min.js" charset="UTF-8"></script>
<script src="<%=path%>/js/WebApi.js?ver=<%=new Random().nextDouble()%>"></script>
<script src="studentselect.js?ver=<%=new Random().nextDouble()%>"></script>
</html>
